<template>
  <h2>电影</h2>
  <ul>
    <li v-for="item in movies" :key="item">
      {{item}}
    </li>
  </ul>


</template>
<script>
export default {
  data() {
    return {
      movies: ['大话西游', '孙悟空', '猪八戒', '沙和尚']
    }
  }
}
</script>

<style lang="less" scoped>
@font-size: 50px;
@line-height: 80px;

ul {
  list-style: none;

  li {
    font-size: @font-size;
    line-height: @line-height;
    color: blue;
  }
}
</style>